<body>
<div class="ui-layout-north header">
    <div class="header">
    <div class="logo"></div>
    <ul class="frame-top-nav">
        <li><a class="nav focus" href="{url('index/index')}" target="_top"><i class="iconfont">&#xF034;</i> 主页</a></li>
    {loop $nav $app $name}
        <li><a class="nav" href="###" uid="{url('index/menu',array('nav'=>$app))}">{$name}</a></li>
    {/loop}
    </ul>
    <div class="frame-top-menu">
        <li><a class="focus" href="{url('cms/channel/language')}" target="main" rel="targetBox" id="SiteList"><i class="iconfont fn-f18">&#xF03C;</i></a></li>
    </div>
    </div> 
</div>  
<div class="ui-layout-west">
<div id="menu">
{loop $leftMenu $menu}
{if !empty($menu['list'])}
    <div class="off" style="cursor:pointer;">{$menu['title']}</div>
    <ul>
{loop $menu['list'] $name $url}
        <li><a href="{$url}"  target="main">{$name}</a></li>
{/loop}
    </ul>
{/if}
{/loop}
</div>
</div> 
<div class="ui-layout-center"><iframe style="overflow: visible" id="main" height="100%" src="{url('index/welcome')}" frameborder=0 width="100%" name="main" scrolling="yes"></iframe></div>  
<div id="targetBox" class="fn-hide targetBox">
<ul class="fn-f14 lh25">
    <li><a href="__ROOT__/" target="_blank"><i class="iconfont">&#xF034;</i> 预览前台</a></li>
    <li><a href="###" url="{url('admin/index/password')}" class="win" title="修改密码"><i class="iconfont">&#xF03E;</i> 修改密码</a></li>
    <li><a href="{url('index/logout')}" target="_top"><i class="iconfont">&#xF053;</i> 注销登陆</a></li>
</ul>
</div>
<script type="text/javascript"> 
Do('base','Layout','Dialog','Tip',function(){ 
    $('body').layout({
        west__size:180,west__spacing_open:5,west__closable:true,fxSpeed:"slow",
        north__size:50,north__spacing_open:0,north__closable:false,
        togglerTip_open:"关闭",togglerTip_closed:"打开"
    });
    $(".nav").click(function() {
        var targetUrl = $(this).attr("uid");
        $(".ui-layout-west").load(targetUrl);
        $(".nav").removeClass("focus");
        $(this).addClass("focus");
    });  
    $("#menu ul li").click(function(){$("#menu ul li").removeClass();$(this).attr('class','focus');})
    $("#menu").find('ul').hide();
    $("#menu").find('ul').first().show();   
    $("#menu").find('div').first().attr('class','on');
    $("#menu div").click(function(){
       var a = $(this).attr('class');
       if(a == 'on'){$(this).attr('class','off');$(this).next().hide(); }
       if(a == 'off'){$(this).attr('class','on');$(this).next().show(); }
    });
    //浮动层
    $("#SiteList").powerFloat();
    $(".win").click(function(){$(this).cpWindows();});
});
</script>
</body>